<!DOCTYPE html>
<html>

<head>
  <meta name="description" content="Bootstrap Directional Buttons Demo">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="shortcut icon" href="favicon.ico">
  <link href="/public/favicon.ico" rel="icon" type="image/x-icon">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" />
  <link rel="stylesheet" href="/public/css/animate.min.css" />
  <link rel="stylesheet" href="/public/css/bootstrap.min.css" />
  <link rel="stylesheet" href="/public/css/index.css" />
  <!-- <link rel="stylesheet" href="./../../public/css/bootstrap.min.css-v=3.3.5.css"> -->
  <title>前端情报站</title>
</head>

<body>
  <!-- 此处加一个黑色导航条 -->
  <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
      <ul class="navbar-nav">
        <li class="nav-item active">
          <a class="nav-link" href="#">前端开发日报</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/web/web_frame" target="_blank">前端流行技术Top100</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/design_page" target="_blank">设计导航</a>
        </li>
        
      </ul>
    </nav>

  <!-- 设置滚动背景图 -->
  <section id="tmWelcome" class="parallax-window " data-parallax="scroll" data-image-src="/public/images/1.jpg">
    <div class="tm-bg-white-transparent tm-welcome-container">
      <div class="container-fluid">
        <div class="row h-100">
          <!-- 欢迎文字及介绍 -->

          <div class="col-md-7 tm-welcome-left-col animated rubberBand">
            <div class="tm-welcome-left">
              <h2 class="tm-welcome-title animated fadeInLeft">欢迎来到前端情报站</h2>
              <p class="pb-0 animated fadeInLeft">
                这里每日分享最新的前端开发资讯，web前端新技术，前沿技术，前端框架等
              </p>
            </div>
          </div>
          <!-- 右边包含起始按钮部分 -->
          <div class="col-md-5">
            <div class="tm-welcome-right">
              <span class="startspan"><a href="/web/daily_list" target="_blank"
                  class="start animated fadeIn"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Get
                  Start</a></span>
              <!-- <button>get start</button> -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- 此处加一个黑色页脚 -->
  <div class="container">
    <div class="row">
      <div class="text-center col-lg-6 offset-lg-3">
        <br><br>
        <p>Copyright &copy; 2019 &middot; 9.1 &middot; <a href="#">h5探索之旅</a></p>
      </div>
    </div>
  </div>
  <script src="/public/js/jquery.min.js"></script>
  <script src="/public/js/bootstrap.min.js"></script>
  <script src="/public/js/parallax.min.js"></script>

</body>

</html>